<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="/WEB-INF/tlds/messageTag.tld" prefix="msg"%>
<%@ taglib uri="/WEB-INF/tlds/pageTag.tld" prefix="page"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>数据</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit">
	<meta name="description" content="数据">
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
	
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- 底部加载js -->
	<script src="${pageContext.request.contextPath}/js/jquery-1.12.4.min.js"></script>
	<!-- 图表控件 -->
	<script src="${pageContext.request.contextPath}/js/layer/layer.js"></script>
	<script src="${pageContext.request.contextPath}/js/page/common.js"></script>
	
	<script type="text/javascript">
	$(document).ready(function(){
		

	});
	</script>
	
	<style type="text/css">
		.battery-li {position: relative; display: inline-block; width: 50px; height: 25px; border: 1px solid #27A6FF; background: #fff; border-radius: 3px;}
		.battery-li .li-head {position: absolute; width: 3px; height: 9px; background: #27A6FF; left: 51px; top: 7px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
		.battery-li .li-cont {position: absolute; top: 1px; left: 1px; height: 21px; background: #27A6FF; border-radius: 3px;}
		
		.battery-li-0 .li-cont { width: 0; }
		.battery-li-1 .li-cont { width: 5px; }
		.battery-li-2 .li-cont { width: 10px; }
		.battery-li-3 .li-cont { width: 15px; }
		.battery-li-4 .li-cont { width: 20px; }
		.battery-li-5 .li-cont { width: 25px; }
		.battery-li-6 .li-cont { width: 30px; }
		.battery-li-7 .li-cont { width: 35px; }
		.battery-li-8 .li-cont { width: 40px; }
		.battery-li-9 .li-cont { width: 45px; }
		.battery-li-10 .li-cont { width: 50px; }
	</style>

  </head>
  
  <body>
		<div class="page-mainbox" style="margin-bottom: 10px;">
		<form id="form1" name="form1" action="${pageContext.request.contextPath}/leastcharge.do" method="post">
			<span style="font-size: medium;"><msg:message key="dtu.code" />：</span><input type="text" style="width:200px;height:32px;" maxlength="20" id="panId" name="panId" value="${panId }"/>
			<span style="font-size: medium;"><msg:message key="light.code" />：</span><input type="text" style="width:200px;height:32px;" maxlength="20" id="lightNum" name="lightNum" value="${lightNum }"/>
			<input type="hidden" id="pageSize" name="pageSize" />
			<input type="hidden" id="nowPage" name="nowPage" />
			<input class="btn btn-primary" type="submit" value="<msg:message key="status.btn.search" />" />
			<!-- <input class="btn btn-primary" type="button" onclick="export();" value="导 出" /> -->
		</form>
		</div>
		
		<div class="mui-table page-mainbox">
			<table>
				<thead>
					<tr>
						<th width="25"><msg:message key="dtu.code" /></th>
						<th width="25"><msg:message key="light.code" /></th>
						<th width="46"><msg:message key="fault.date" /></th>
						<th width="50"><msg:message key="light.status.chargecount" />（Ah）</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach var="chargeCount" items="${page.dataList }">
					<tr>
						<td><div class="td-cont td-center">${chargeCount.panId }</div></td>
						<td><div class="td-cont td-center">${chargeCount.lightNum }</div></td>
						<td><div class="td-cont td-center">${chargeCount.chargeDay }</div></td>
						<td><div class="td-cont td-center">${chargeCount.chargeCount }</div></td>
					</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
		
		<div class="block20"></div>
		<page:pageDown totalSize="${page.totalSize }" pageSize="${page.pageSize }" form="form1" nowPage="${page.nowPage }"/>
  </body>
</html>
